<template>
  <div class="gengduozi">
      <div class="img">
        <img :src="big"/>
      </div>

      <div class="detail">
        <p>想深埋其中的鹿皮绒hellokitty装饰</p>
          <div class="bt">
            <img :src="small"/>
            <div class="text">
               <span>¥169.90</span>
               <span>1772人感兴趣</span>
            </div>  
           
          </div>
      </div>


  </div>
</template>

<script>
export default {
    props:["big","small"]
}
</script>

<style lang="scss" scoped>
  .gengduozi{
    width: 100%;
    height: 1.08rem;
    margin-top: .1rem;
    display: flex;
    .img{
      width: 60%;
      height: 1.08rem;
      flex:1.3;
      img{
         width: 1.9rem;
      height: 1.08rem;
      }
    }
    .detail{
      width: 40%;
      padding: .08rem;
      height: 1.08rem;  
      flex:.7;
      p{
        font-size: 14px;
        line-height: 16px;
        margin-bottom: .04rem;
      }
      .bt{
        width: 100%;
        height: .51rem;
        .text{
          float: right;
          width: .48rem;
          height: .50rem;
        }
        img{
          width: .5rem;
          height: .5rem;
          display: inline-block;
        }
        span{
          display: block;
           font-size: 12px;
        }
        span:nth-of-type(1){
          font-weight: bold;
          padding-top:.05rem ;
        }
      }
     
    }
  }
</style>